<template>
  <div class="shop">
    <img :src="shop.shopLogo" width="60" height="60" />
    <div class="shop-info">
      <strong style="font-size: 12px">{{ shop.name }}</strong>
      <span style="font-size: 12px"
        >进店
        <i class="iconfont icon-xiayiye"> </i>
      </span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    shop: Object
  }
}
</script>

<style scoped lang="less">
.shop {
  display: flex;
  height: 80px;
  align-items: center;
  background: white;
  border-radius: 10px;
  padding-left: 10px;
  .shop-info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
  }
}
</style>
